<template>
      <div id="title">
          <div class="box1">
            <input placeholder="请输入小区或详细地址" type="text">
          </div>
          <div class="box2">
            取消
          </div>
      </div>
</template>

<script>
export default {
    props: {

    },
    data() {
        return {

        };
    },
    components: {

    },
    methods: {

    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
};
</script>

<style scoped>
#title {
    width: 100%;
    height: 45px;
    background-color: #f6f5f6;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* z-index: 0; */
}
#title .box1 {
    text-align: center;
    color: #fff;
    line-height: 45px;
    flex: 9;
}
#title input {
  height: 28px;
  width: 100%;
}
#title .box2 {
    flex: 1;
    text-align: center;
    line-height: 45px;
    color: #6b7072;
}
</style>
